<template>
	<view class="u-m-t-30 u-m-l-30 u-m-r-30 u-p-t-30 u-p-b-30 u-p-l-10 u-p-r-10 u-card-box" v-if="[11,12].includes(data)">
		<u-row gutter="16">
			<u-col span="3" v-for="item in list" :key="item.id">
				<view class="u-text-center" v-if="item.display == 'block'" @click="useTool(item.id)">
					<view class="u-flex u-row-center">
						<u-image width="70rpx" height="70rpx" :src="item.image" mode="widthFix"></u-image>
					</view>
					<view class="u-font-26 u-font-bold u-m-t-10">{{item.name}}</view>
				</view>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default{
		props: ['data'],
		data(){
			return{
				list:[
					{id:1,name:'联系青创私董',display:'block',image:'https://lrcj.oss-cn-shenzhen.aliyuncs.com/images/common/20240815793334309791.png'},
					{id:2,name:'地址导航',display:'block',image:'https://lrcj.oss-cn-shenzhen.aliyuncs.com/images/common/20240815137356654486.png'},
					{id:3,name:'投诉建议',display:'block',image:'https://lrcj.oss-cn-shenzhen.aliyuncs.com/images/common/20240815454278654314.png'},
					{id:4,name:'取消报名',display:'block',image:'https://lrcj.oss-cn-shenzhen.aliyuncs.com/images/common/20240815961738117478.png'}
				]
			}
		},
		methods:{
			useTool(val){
				this.$emit("useTool",val)
			}
		}
	}
</script>

<style>
</style>